<template>
	<view>
		商品详情:
		id: {{ id }}
	</view>
</template>

<script setup>
import { ref } from 'vue'
import { onLoad } from '@dcloudio/uni-app'

const id = ref(0)

// 这是页面的生命周期钩子，在组合式API中，需要从 @dcloudio/uni-app 包中
// 导入 onLoad，回调函数的参数表示的是 url 中接收到的 ? 后的查询字符串参数
onLoad((query) => {
	console.log('detail on load....', query)
	id.value = query.id
	// TODO::: 根据获取到的商品 id 查询商品详情数据
})
</script>

<style>
	       
</style>
